﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
  <head>   

	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	
    <title>마이페이지 셀러</title>
	
	<style>
		@font-face
		{
			font-family: NGothic;
			src:url(font/NanumGothic.eot);
			src:url(font/NanumGothic.eot?#iefix) format("embeded-opentype"),
			url(font/NanumGothic.woff)format("woff")
		}
	</style>
	
	<link href="assets/css/bootstrap.css" rel="stylesheet">
	<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
	<link href="main_01.css" rel="stylesheet" type="text/css">
   
  </head>

  <body>  
	<div class="navbar navbar-inverse navbar-fixed-top">	
		<div id="top_wrapper">
				<div id="menubar_left">			
				</div>
				<div id="titlebox">
					<div style="background-image: url(images/green_title.png); height: 95px; width: 247px;margin-left:10px;" ></div>
				</div>
				<div id="content0">
					<div style="margin-top:10px;">
						<form class="navbar-search pull-left form-search">
							<div class="input-append">
								<input type="text" class="span2 search-query" placeholder="찾아보기">
								<button class="btn btn-inverse" type="button">검색</button>
							</div>
						</form>
					</div>
				</div>		
				<div id="content1">			
					<div id="menu">			
						<ul class="bmenu">
							<li>
								<a href="#">로그인</a>
							</li>
							<li>
								<a data-toggle="modal" href="#responsive">회원가입</a>
							</li>
							<li>
								<a href="#">마이페이지</a>
							</li>   
						</ul>
					</div>
				</div>
				<div id="content2">
					<div id="makebutton">
						<a class="btn btn-large btn btn-warning" href="#"><i class="icon-plus"></i>공동구매만들기</a>
					</div>
				</div>	
				<div id="menubar_right">			
				</div>		
				<div id="content3">
					<div style="float:right;border: 1px solid #f1f0f0; margin-top:10px;padding:5px; height:30px; margin-right:20px;background-color:#ffffff;border-radius:5px;">
						<span style="line-height:30px;font-size:16pt;" ><font color="#6b6b6b">현재 <strong><font color="#000000" >345</font></strong>개의 공동구매가 진행중입니다.</font></span>
					</div>
				</div>
			</div>
	</div>
	
	<div class="main_container">
		<div id="content">		
			<div style="margin:10px;">
				<div style="margin:10px;">
				<a class="btn" href="#">회원정보수정</a>				
				<a class="btn" href="#">공구참여내역보기</a>				
				<a class="btn" href="#">공구종료보기</a>
				<a class="btn btn-inverse" href="#">입찰내역보기</a>				
			</div>
			</div>
			<!-- 해더 -->
			<div style="margin:10px 10px 0px 10px; width:902px;height:35px;">
				<div style="background-color:#494949; width:100%; height:35px;border-top-right-radius:10px;border-top-left-radius:10px;">				
					<div style="float:left;width:140px;text-align:center;border-right: 1px solid #626262;">
						<span style="line-height:35px;color:white;font-size:9pt;">입찰일</span>
					</div>
					<div style="float:left;width:550px;text-align:center;border-right: 1px solid #626262;">
						<span style="line-height:35px;color:white;font-size:9pt;">상품정보</span>
					</div>
					<div style="float:left;width:200px;text-align:center;">
						<span style="line-height:35px;color:white;font-size:9pt;">비고</span>
					</div>
					<div style="clear:both;">
					</div>
				</div>
			</div>
			<div class="gonggucontent">
				<!-------------------내가 참여한 진행중인 공동구매 리스트----------->
				<div id="gonggurow">
					<div class="gonggucol" style="width:140px;border-right: 1px solid #e8e8e8;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<p>2012.12.24</p>
							<button class="btn btn-mini" type="button">상품보기(재입찰)</button>							
						</div>
					</div>
					<div class="gonggucol" style="width:550px;border-right: 1px solid #e8e8e8;">
						<div  style="display: table-cell; vertical-align: middle;">												
							<img src="images/sample.png" alt="상품이미지">
							<span>모델이름모델이름</span>
							<span id="mypage_product_price">입찰가: 2,3000원</span>
						</div>
					</div>
					<div class="gonggucol" style="width:200px;">
						<div  style="display: table-cell; vertical-align: middle;">					
							<span>입찰자 선정 진행중</span>							
						</div>
					</div>
					<div style="clear:both;">
						<hr width="100%" style="border:1px dashed #ffeac7"/>
					</div>
				</div>
				<!-------------------내가 참여한 진행중인 공동구매 리스트----------->
				<div id="gonggurow">
					<div class="gonggucol" style="width:140px;border-right: 1px solid #e8e8e8;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<p>2012.12.24</p>							
						</div>
					</div>
					<div class="gonggucol" style="width:550px;border-right: 1px solid #e8e8e8;">
						<div  style="display: table-cell; vertical-align: middle;">												
							<img src="images/sample.png" alt="상품이미지">
							<span>모델이름모델이름</span>
							<span id="mypage_product_price">입찰가: 2,3000원</span>
						</div>
					</div>
					<div class="gonggucol" style="width:200px;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<p>종료</p>
							<button class="btn btn-mini btn-success" type="button">낙찰성공</button>							
						</div>
					</div>					
					<div style="clear:both;">
						<hr width="100%" style="border:1px dashed #ffeac7"/>
					</div>
				</div>
				<!-------------------내가 참여한 진행중인 공동구매 리스트----------->
				<div id="gonggurow">
					<div class="gonggucol" style="width:140px;border-right: 1px solid #e8e8e8;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<p>2012.12.24</p>							
						</div>
					</div>
					<div class="gonggucol" style="width:550px;border-right: 1px solid #e8e8e8;">
						<div  style="display: table-cell; vertical-align: middle;">												
							<img src="images/sample.png" alt="상품이미지">
							<span>모델이름모델이름</span>
							<span>입찰가: 2,3000원</span>
						</div>
					</div>
					<div class="gonggucol" style="width:200px;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<p>종료</p>
							<button class="btn btn-mini btn-danger" type="button" disabled="disabled">낙찰실패</button>							
						</div>
					</div>					
					<div style="clear:both;">
						<hr width="100%" style="border:1px dashed #ffeac7"/>
					</div>
				</div>
				<!-------------------내가 참여한 진행중인 공동구매 리스트----------->
				<div id="gonggurow">
					<div class="gonggucol" style="width:140px;border-right: 1px solid #e8e8e8;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<p>2012.12.24</p>							
						</div>
					</div>
					<div class="gonggucol" style="width:550px;border-right: 1px solid #e8e8e8;">
						<div  style="display: table-cell; vertical-align: middle;">												
							<img src="images/sample.png" alt="상품이미지">
							<span>모델이름모델이름</span>
							<span>입찰가: 2,3000원</span>
						</div>
					</div>
					<div class="gonggucol" style="width:200px;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<p>종료</p>
							<button class="btn btn-mini btn-danger" type="button" disabled="disabled">낙찰실패</button>							
						</div>
					</div>					
					<div style="clear:both;">
						<hr width="100%" style="border:1px dashed #ffeac7"/>
					</div>
				</div>
				
				
				
			</div>
			
			<!--푸터푸터-->
			<div style="clear:both;">
				<div style="margin:0px 10px 10px 10px; width:902px;background-color:#f9f9f9;  height:5px;border-bottom-right-radius:5px;border-bottom-left-radius:10px;">
			</div>
			<div style="margin:10px;">
			</div>
			
		</div>
	</div>		

	

	
	<!-- 회원가입시작 ----------------------------------------------------------------------------->
	<div id="responsive" class="modal hide fade" tabindex="-1" data-width="800px">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			<h3>회원가입</h3>
		</div>
		<div class="modal-body">
			<form class="form-horizontal" action='' method="POST">
				<fieldset>
					<div class="control-group">
						<!-- Username -->
						<label class="control-label"  for="username">아이디</label>
						<div class="controls">
							<input type="text" id="username" name="username" placeholder="아이디" class="input-xlarge" required>
							<p class="help-block">아이디는 문자와 숫자로 공백없이 입력해주세요.</p>
						</div>
					</div>
					<div class="control-group">
						<!-- E-mail -->
						<label class="control-label" for="email">E-mail</label>
						<div class="controls">
							<input type="text" id="email" name="email" placeholder="이메일" class="input-xlarge" required>
							<p class="help-block">이메일 주소를 입력해주세요.</p>
						</div>
					</div>
					<div class="control-group">
						<!-- Password-->
						<label class="control-label" for="password">비밀번호</label>
						<div class="controls">
							<input type="password" id="password" name="password" placeholder="비밀번호" class="input-xlarge" minlength="4" required>
							<p class="help-block">비밀번호는 최소한 4 글자 이상으로 해주세요..</p>
						</div>
					</div>
					<div class="control-group">
						<!-- Password -->
						<label class="control-label"  for="password_confirm">비밀번호(재입력)</label>
						<div class="controls">
							<input type="password" id="password_confirm" name="password_confirm" placeholder="비밀번호(재입력)" class="input-xlarge" required>
							<p class="help-block">비밀번호를 다시 입력해주세요.</p>
						</div>
					</div>
					<div class="control-group">
						<!-- Button -->
						<div class="controls">
							<button class="btn btn-success">가입하기</button>
						</div>
					</div>
			  </fieldset>
			</form>
		</div>
	  
		<div class="modal-footer">
			<!--
			<button type="button" data-dismiss="modal" class="btn">Close</button>
			<button type="button" class="btn btn-primary">Save changes</button>	
			-->
		</div>
	  
	</div>


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://twitter.github.io/bootstrap/assets/js/google-code-prettify/prettify.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>
    
    
	
	<script type="text/javascript">

	  $(function(){

		$.fn.modalmanager.defaults.resize = true;

		$('[data-source]').each(function(){
		  var $this = $(this),
			$source = $($this.data('source'));

		  var text = [];
		  $source.each(function(){
			var $s = $(this);
			if ($s.attr('type') == 'text/javascript'){
			  text.push($s.html().replace(/(\n)*/, ''));
			} else {
			  text.push($s.clone().wrap('<div>').parent().html());
			}
		  });
		  
		  $this.text(text.join('\n\n').replace(/\t/g, '    '));
		});

		prettyPrint();
	  });
	  
		// 모달가입창 닫기 
		$('#btnCloseModal').click(function() 
		{    
			$('#responsive').modal('hide');
		});
		
		function closeModal()
		{
			$('#responsive').modal('hide');
		}
		
	</script>

	
  </body>
</html>
